<template>
  <el-card>

    <el-tabs v-model="activeName">
      <el-tab-pane label="基本信息" name="first">
        <base-data/>
      </el-tab-pane>
      <el-tab-pane label="重置密码" name="second">
        <reset-password/>
      </el-tab-pane>
      <el-tab-pane label="邮箱认证" name="third">
        <auth-email/>
      </el-tab-pane>
    </el-tabs>
  </el-card>

</template>

<script>
import { defineComponent, ref } from 'vue'
import BaseData from './BaseData'
import ResetPassword from './ResetPassword'
import AuthEmail from './AuthEmail'

export default defineComponent({
  name: 'Center',
  components: {
    AuthEmail,
    ResetPassword,
    BaseData
  },
  setup () {
    const activeName = ref('first')
    return {
      activeName
    }
  }
})
</script>

<style scoped>

</style>
